.text-center {
  text-align: center;
}

.font-13 {
  font-size: 13px;
}

.font-12 {
  font-size: 12px;
}

.font-11 {
  font-size: 11px;
}

.text-grey1 {
  color: #888;
}

.text-grey2 {
  color: #aaa;
}

.list-cell-arrow::before {
  content: ' ';
  height: 10px;
  width: 10px;
  border-width: 2px 2px 0 0;
  border-color: #c0c0c0;
  border-style: solid;
  -webkit-transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0);
  transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0);
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 30rpx;
}

.list-cell {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
  color: #333;
  padding: 26rpx 30rpx;
}

.list-cell:first-child {
  border-radius: 8rpx 8rpx 0 0;
}

.list-cell:last-child {
  border-radius: 0 0 8rpx 8rpx;
}

.list-cell::after {
  content: '';
  position: absolute;
  border-bottom: 1px solid #eaeef1;
  -webkit-transform: scaleY(0.5) translateZ(0);
  transform: scaleY(0.5) translateZ(0);
  transform-origin: 0 100%;
  bottom: 0;
  right: 0;
  left: 0;
  pointer-events: none;
}


.menu-list {
  margin: 15px 15px;

  .menu-item-box {
    width: 100%;
    display: flex;
    align-items: center;

    .menu-icon {
      color: #007AFF;
      font-size: 16px;
      margin-right: 5px;
    }

    .text-right {
      margin-left: auto;
      margin-right: 34rpx;
      color: #999;
    }
  }
}


uni-modal {
  z-index: 19999 !important;
}

.search-box {
  background: #fff;
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 20rpx;
  justify-content: space-between;
  padding: 20rpx 30rpx;
}

.filter_button {
  width: fit-content;
  color: white;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  font-size: 20rpx;
  cursor: pointer;
}

.form-page {
  background-color: white;
  padding: 30rpx;
  display: flex;
  flex-direction: column;
}

/* 修复提示框图标不居中问题 */
.uni-modal .uni-modal-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 30rpx 20rpx !important;
}

.uni-modal .uni-modal-title {
  text-align: center;
  margin-bottom: 20rpx !important;
}

.uni-modal .uni-modal-content {
  padding: 15rpx 0 !important;
}

.uni-toast {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 25rpx !important;
}

.uni-toast-icon {
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 15rpx !important;
}

.uni-toast-content {
  text-align: center !important;
  padding: 10rpx 15rpx !important;
}

/* 特定处理消息提示框样式 */
.uni-sample-toast {
  justify-content: center !important;
  align-items: center !important;
  padding: 20rpx 30rpx !important;
}

.uni-sample-toast-icon {
  margin: 0 auto !important;
  margin-bottom: 10rpx !important;
}

/* 弹窗额外样式 */
.uni-popup .uni-popup__wrapper {
  padding: 30rpx !important;
}

.uni-popup .uni-popup__content {
  padding: 30rpx !important;
}

/* 小程序平台提示框样式 */
/* #ifdef MP-WEIXIN || MP-ALIPAY || MP-BAIDU || MP-TOUTIAO || MP-QQ */
.uni-modal {
  padding: 15px !important;
}

.uni-modal-content {
  padding: 20px 15px!important;
}

.uni-modal-btn {
  padding: 10px 0 !important;
}

.uni-tips {
  padding: 20rpx !important;
}

.uni-tip-content {
  padding: 15rpx !important;
}
/* #endif */

/* 消息提示样式微调 */
.uni-tips-dialog {
  margin: 15rpx !important;
  padding: 15rpx !important;
}

/* 验证码错误提示样式 */
.verification-message {
  padding: 20rpx 15rpx !important;
  background-color: rgba(0, 0, 0, 0.7) !important;
  border-radius: 8rpx !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.verification-message-content {
  color: #fff !important;
  font-size: 28rpx !important;
  text-align: center !important;
  margin-top: 10rpx !important;
}

/* 修复验证码提示框按钮高度问题 */
.uni-modal .uni-modal__bd {
  padding: 30rpx 20rpx 10rpx !important;
  min-height: auto !important;
}

.uni-modal .uni-modal__ft {
  margin-top: 15rpx !important;
  height: auto !important;
  min-height: 90rpx !important;
  max-height: 100rpx !important;
  line-height: normal !important;
}

.uni-modal .uni-modal__btn {
  height: auto !important;
  min-height: 70rpx !important;
  line-height: 70rpx !important;
  padding: 0 !important;
  font-size: 30rpx !important;
}

/* 针对标题的优化 */
.uni-modal .uni-modal__title {
  padding: 10rpx 0 !important;
  font-size: 36rpx !important;
  font-weight: 500 !important;
}

/* 针对内容区域优化 */
.uni-modal .uni-modal__content {
  padding: 20rpx 10rpx !important;
  font-size: 28rpx !important;
  line-height: 1.5 !important;
  color: #666 !important;
}

/* 小程序确认窗调整 */
/* #ifdef MP-WEIXIN || MP-ALIPAY || MP-BAIDU || MP-TOUTIAO || MP-QQ */
.uni-modal .uni-modal-dialog {
  min-height: auto !important;
  padding: 0 !important; 
}

.uni-modal .uni-modal-dialog__hd {
  padding: 20rpx 0 10rpx !important;
}

.uni-modal .uni-modal-dialog__bd {
  padding: 20rpx 30rpx 30rpx !important;
  min-height: auto !important;
}

.uni-modal .uni-modal-dialog__ft {
  height: auto !important;
  min-height: 90rpx !important;
  max-height: 100rpx !important;
  display: flex !important;
  align-items: center !important;
}

.uni-modal .uni-modal-dialog__btn {
  height: 70rpx !important;
  line-height: 70rpx !important;
  font-size: 30rpx !important;
}
/* #endif */

/* 针对H5平台 */
/* #ifdef H5 */
.uni-modal .uni-modal-confirm {
  min-height: auto !important;
  max-height: 400rpx !important;
}

.uni-modal .uni-modal-confirm-btn {
  height: auto !important;
  min-height: 70rpx !important;
  max-height: 90rpx !important;
  line-height: 70rpx !important;
}
/* #endif */

/* 通用样式 - 为所有可能的确认按钮样式添加约束 */
.uni-modal-confirm-btn,
.uni-modal-confirm__btn,
.uni-modal__btn_primary,
.uni-modal-btn-primary,
.uni-confirm-btn-primary {
  height: auto !important;
  min-height: 70rpx !important; 
  max-height: 90rpx !important;
  line-height: 70rpx !important;
  font-size: 30rpx !important;
  color: #3a86ff !important;
}

/* 自定义图标 */
.arrow-right:after {
  content: '\e606';
  font-family: 'iconfont' !important;
  font-size: 12px;
}

/* 自定义徽标样式 */
.count-badge {
  position: absolute;
  background-color: #e84d1c;
  color: white;
  font-size: 10px;
  min-width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  border-radius: 8px;
  padding: 0 4px;
  top: -6px;
  right: -6px;
  box-shadow: 0 2px 4px rgba(232, 77, 28, 0.3);
}

/* 通用网格样式 */
.function-grid {
  .grid-row {
    display: flex;
    border-bottom: 1px solid #f5f5f5;
    
    &:last-child {
      border-bottom: none;
    }
  }
  
  .grid-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 15px 0;
    border-right: 1px solid #f5f5f5;
    
    &:last-child {
      border-right: none;
    }
    
    &:active {
      background-color: #f9f9f9;
    }
  }
  
  .grid-icon {
    width: 28px;
    height: 28px;
    margin-bottom: 8px;
  }
  
  .grid-text {
    font-size: 12px;
    color: #666;
  }
}
